<!--{literal}
	<style type="text/css">
		/* allow room for 3 columns */
		div#idwhovotedwrapper ol {width: 35em; list-style-type: none; }
		div#idwhovotedwrapper ol li {float: left; width: 10em; }
		div#idwhovotedwrapper br { clear: left; }
		div#idwhovotedwrapper div.whovotedwrapper { margin-bottom: 1em; }
	</style>
{/literal}-->

{$the_story}

<div id="who_voted">
<br>
	<div class="whovotedwrapper" id="idwhovotedwrapper">
		<ul>
			{section name=nr loop=$voter}
				<li>
					{if $UseAvatars neq "0"}<img src="{$voter[nr].Avatar_ImgSrc}" alt="Avatar" align="top" />{/if} 
					<!--<a href = "{$URL_user, $voter[nr].user_login}">{$voter[nr].user_login}</a><br/>-->
					<a href = "{$URL_user, $voter[nr].user_login}">{$voter[nr].user_names}</a><br/>
				</li>
			{/section}
		</ul>
	</div>
</div>

<div id="related" style="display:none">
	<h2>{#PLIGG_Visual_Story_RelatedStory#}</h2>	
	{if count($related_story) neq 0}
		<ol>
			{section name=nr loop=$related_story}
				<li><a href = "{$related_title_url}{$related_story[nr].link_title_url}">{$related_story[nr].link_title}</a><br/></li>
			{/section}
		</ol>
	{/if}
</div>

<!--{literal}
<script type="text/javascript">
initializetabcontent("story_tabs")
</script>
{/literal}-->
